<template>

	<view class="dynamic-itemList">
		<view class="dynamic-item">
			<view class="dynamic-item-image">
				<image src="https://c-ssl.duitang.com/uploads/blog/202206/08/20220608130125_62433.jpg" mode=""></image>
			</view>
			<view class="dynamic-item-content">
				<view class="dynamic-item-content-title">
					有关注的<text class="nickname">今晚打老虎</text>发布新的闲置商品了 <text class="Unread"> <text>·</text> 未读</text>
				</view>
				<view class="dynamic-item-middle">
					<view class="Product-images">
						<image src="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" mode=""></image>
					</view>
					<view class="time">今天 15:24</view>
				</view>
				<view class="dynamic-item-info">
					我平时很爱惜他，植物长得很旺，送养殖手册，10远出售s
				</view>
			</view>
		</view>
	</view>

</template>

<script setup>
</script>

<style lang="less">
	.dynamic-itemList {
		padding: 10px;
		box-sizing: border-box;
		.dynamic-item {
			display: flex;
			
			box-sizing: border-box;
			.dynamic-item-image {
				height: 45px;
				
				image{
					height: 100%;
					width: 45px;
					border-radius: 100%;
					margin-right: 10px;
				}

			}

			.dynamic-item-content {
				// flex: 0.5;
				width: 90%;
				.dynamic-item-info {
					width: 94%;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					color: #a3a3a3;
					font-size: 13px;
				}

				.dynamic-item-middle {
					display: flex;
					align-items: flex-end;
					margin: 10px 0px;
					padding-right: 100px;
					.time {
						margin-left: 10px;
						color: #a3a3a3;
						font-weight: 700;
						font-size: 13px;
					}
				}

				.Product-images {
					height: 35px;
					width: 35px;

					image {
						height: 100%;
						width: 100%;
					}
				}

				.dynamic-item-content-title {
					.nickname {
						margin: 0px 10px;
						color: #4966f5;
						font-weight: 700;
						
					}

					.Unread {
						color: red;
						font-weight: 700;
						
					}
					font-size: 13px;
					font-weight: 700;
				}
			}
		}
	}
</style>